<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<article class="article article-type-post" itemprop="blogPost" itemscope
         th:each="article : ${articleList}" th:id="'/article/details/'+${article.id}">
    <div class="article-inner">


        <header class="article-header">


            <h1 itemprop="name">
                <a class="article-title" th:href="'/article/details/'+${article.id}" th:text="${article.title}"></a>
            </h1>


            <div class="article-meta">

                <div class="article-date">
                    <i class="fa fa-calendar"></i>
                    <a th:href="'/article/details/'+${article.id}">
                        <time datetime="2017-04-03" itemprop="datePublished" th:text="${article.createTime}"></time>
                    </a>
                </div>


                <div class="article-category" style="text-transform: none;">
                    <i class="fa fa-folder"></i>
                    <a class="article-category-link" href="javascript:void(0);" style="cursor: pointer"
                       th:data-id="${article.columnId}" th:text="${article.columnName}"></a>
                </div>


            </div>

        </header>


        <div class="article-entry" itemprop="articleBody" th:text="${article.seoDesc}">

        </div>
        <div class="article-more">
            <p class="article-more-link">
                <!--th:href="'/article/details/'+${articleList.id}"-->
                <a class="read-more" style="cursor: pointer" th:href="'/article/details/'+${article.id}" title=" 查看更多 ">查看更多</a>
            </p>
        </div>
        <footer class="article-footer">
            <div class="socialShare" data-content="希望您有任何好的建议都可以反馈给我,致力于IT技能的分享和学习" id="socialShare"
                 th:data-desc="${article.desc}" th:data-title="${article.title}"
                 th:data-url="'/article/details/'+${article.id}"></div>
        </footer>
    </div>
</article>

</html>

